<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>index页面</title>
	<style type="text/css">
	* {
		padding: 0;
		margin: 0;
	}
    </style>
</head>
<body>
	<div class="container">
		<header>
			<h1>index页面</h1>
		</header>
		<main>
			<a  id="a1" href="http://doc.houdunren.com" target="_blank" title="文档库">后盾人文档库</a>

			<a href="#" id="a2">张三</a>
			<a href="3.php" id="a3">3.php</a>
		</main>
	</div>
	<script src="https://cdn.staticfile.org/jquery/3.2.0/jquery.js"></script>
	<script src="index.js"></script>
	<script type="text/javascript">
	console.log(a1.id, a1.href, a1.target);
	console.log(a1.getAttribute('id'), a1.getAttribute('href'), a1.getAttribute('target'));
	console.log($("#a1").attr('id'), $("#a1").attr('href'), $("#a1").attr('target'));
	console.log('-----------------------\n')
	
	console.log(a2.id, a2.href, a2.target);
	console.log(a2.getAttribute('id'), a2.getAttribute('href'), a2.getAttribute('target'));
	console.log($("#a2").attr('id'), $("#a2").attr('href'), $("#a2").attr('target'));
	console.log('-----------------------\n')
	

	console.log(a3.id, a3.href, a3.target);
	console.log(a3.getAttribute('id'), a3.getAttribute('href'), a3.getAttribute('target'));
	console.log($("#a3").attr('id'), $("#a3").attr('href'), $("#a3").attr('target'));
	console.log('-----------------------\n')
	
	</script>
</body>
</html>